@charset "utf-8";
.clearfix::after{
    content: "";
    display: block;
    clear: both;
}
@mixin mi($width,$height,$bg){
    width:$width;
    height: $height;
    background: $bg;
}
@mixin wh($width,$height){
    width:$width;
    height: $height;
}
@mixin size($font,$size,$color){
    font-family: $font;
    font-size: $size;
    color: $color;
}
.opus-head span a:nth-child(3){
        color:#444f58;
}
.opus-head span a:nth-child(4){
       color:#99999a;
}
.opus-red a{
    color:#eb413d;
}
.admin-sold{
    @include wh(665px,443px);
    margin-left:77px;
    h1{
        padding-top: 7px;
        font-size: 20px;
        line-height: 64px;
        color: #444f58;
    }
    .admin-binding{
        @include wh(665px,356px);
        background: #f7f7f7;
        position: relative;
        .admin-flow{
           margin-top: 46px;
            @include wh(619px,20px);
            background: #f0f0f0;
            margin: 0 auto;
            border-radius: 10px;
            display: block;
            position: absolute;
            top: 44px;
            left: 3%;
            li{
                float: left;
                @include wh(154px,20px);
                text-align: center;
                color: #878787;
            }
            li:first-child{
                position: relative;
                border-radius: 10px;
                background: #eb413d;
                color: white;
                div{
                    display: block;
                    position: absolute;
                    top: 40%;
                    left: 4%;
                    width: 4px;
                    height: 4px;
                    border:1px solid white;
                    background: white;
                    border-radius: 50%;
                }
            }
        }
        p{
            padding-top: 110px;
            font-size: 13px;
            color: #000000;
            margin-left: 149px;
            margin-bottom: 26px;
        }
        .admin-photo{
            margin-left:149px ;
        b{
            font-size: 13px;
            color: #878787;
            font-weight: normal;
        }
        input[type="text"]{
            @include wh(179px,40px);
            text-indent: 1em;
            margin-left: 21px;
            letter-spacing:2px;
        }
        input[type="button"]{
            margin-left: 10px;
            @include wh(98px,41px);
            background: white;
        }
         .admin-look{
             input[type="button"]{
                 margin-left: 10px;
                 @include wh(40px,18px);
                 background: transparent;
                 border-bottom: 1px solid #a1a5a9;
             }
         }
     }
        
        .admin-input2{
            margin-top: 12px;
            margin-left: 149px;
            b{
              font-size: 13px;
              color: #878787;  
              font-weight: normal;
            }
            input[type="text"]{
            @include wh(179px,40px);
            text-indent: 1em;
            margin-left: 21px;
             letter-spacing:2px;
        }
        input[type="button"]{
            @include wh(104px,40px);
            background: #eb413d;
            border-radius: 20px;
            color: white;
            margin-left: 9px;
        }
        }
        .admin-button1{
        input[type="button"]{
            margin-left:225px;
            @include wh(182px,48px);
             background: #eb413d;
             margin-top: 27px;
             border-radius: 24px;
             color: white;
        }
        }
    }
}
